<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
<a href="https://www.baidu.com/">百度一下</a>
<a href="https://www.tmooc.cn/">TMOOC官网</a>
<hr>
<a href="02_基础标签.html">基础标签</a>
<a href="05_表格插入.html">表格插入</a>
<hr>
<a href="1.jpg">水刀</a>
<a href="img/2.jpg">风刀</a>
<a href="../3.jpg">地刀</a>

<h3>图片超链接</h3>
<a href="1.jpg">
    <img src="1.jpg" alt="" width="200"></img>
</a>

<h1>西游记</h1>
<a href="#c1">第一章</a>
<a href="#c2">第二章</a>
<a href="#c3">第三章</a>
<a href="#c4">第四章</a>
<a href="#c5">第五章</a>

<h3 id="c1">第一章</h3>
<p>
    <span><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium architecto asperiores autem corporis, cumque deleniti doloremque doloribus exercitationem, fugiat incidunt inventore magnam neque odio quibusdam quis soluta tenetur voluptatum!</span><span>Autem blanditiis consequatur eius facilis omnis pariatur quam vel veritatis! Culpa illo libero maxime nihil nisi odit quae veniam? Asperiores commodi iusto nemo nesciunt quisquam ratione, sapiente sequi voluptate. Hic.</span><span>Delectus ea nemo nesciunt nostrum nulla, porro quas. Adipisci architecto culpa cupiditate fugiat, id laborum maxime nam, natus nisi numquam odit pariatur perferendis quae quia sunt tempore tenetur vero vitae!</span><span>Atque cum cumque doloribus illo in iure, officiis pariatur, quasi recusandae repellendus similique ullam! Atque autem iure quis ratione rem! Dolore enim esse incidunt optio pariatur rem soluta totam vero!</span><span>Animi at eveniet id molestias nesciunt numquam, obcaecati? Amet asperiores assumenda commodi delectus ducimus explicabo fuga impedit, in incidunt inventore libero magni natus porro quaerat quasi soluta temporibus veritatis vero.</span><span>Autem blanditiis, deserunt eveniet fuga impedit neque rem ut. A animi architecto blanditiis consequatur eveniet illo magnam nam obcaecati, officiis rem similique totam ullam unde ut vitae voluptate voluptatem voluptatibus.</span><span>Eos explicabo fuga inventore iure minima nemo quaerat saepe sapiente velit? Commodi est laudantium quos repudiandae sit. Aliquid cupiditate deserunt numquam odit quam quod repellat sapiente! Ab aliquid eaque neque?</span><span>Architecto consequuntur eos explicabo iste omnis, quia soluta sunt voluptates! Amet consequatur deserunt ducimus, ea earum eos eum eveniet nostrum quis, reiciendis, saepe similique sint totam unde velit vitae voluptatem!</span><span>Animi dolor eum eveniet facilis magnam! Animi atque cumque dolorem doloribus excepturi ipsum, magni necessitatibus nihil non numquam officia qui quidem quos repellat repudiandae rerum sequi suscipit voluptate voluptatem voluptates.</span><span>Accusantium at iste perferendis praesentium vel? Ab accusantium ad animi aperiam aspernatur assumenda atque consectetur dolor eaque labore, nostrum qui quibusdam reprehenderit sequi similique voluptatem voluptatibus. Architecto distinctio fugiat sit.</span><span>Ad alias, architecto atque culpa cum dignissimos hic iste maxime molestias nesciunt perferendis, possimus praesentium quia quibusdam quidem rem saepe similique tempora voluptatem voluptatum? Atque consequuntur culpa eius tempora unde!</span><span>Ad adipisci animi autem consequuntur dolore doloremque eaque est eveniet in labore nisi nobis optio, pariatur quidem quis reprehenderit repudiandae. Cumque delectus magnam natus omnis pariatur possimus, rem sint tempora!</span><span>Accusantium alias debitis excepturi maiores neque odit optio suscipit. Adipisci, beatae cumque dignissimos doloremque doloribus eaque exercitationem explicabo fugit harum provident quod reiciendis repellat repellendus tempore tenetur velit veritatis voluptatibus!</span><span>Adipisci assumenda, debitis, delectus eum fuga labore libero minima molestiae optio quis quo repudiandae, voluptatum? Animi asperiores facere illo, labore perspiciatis porro possimus? Commodi consequuntur eveniet expedita necessitatibus non numquam!</span><span>Aut eveniet fugit in natus odit officiis sequi totam vitae. Dolore dolores error illum iure modi odio quidem veniam! Dolorem dolorum libero modi nam numquam officia quis temporibus, vel! Pariatur.</span><span>Blanditiis debitis distinctio ea eum magni nulla perferendis sit temporibus voluptatum. Ab corporis earum eum magnam praesentium! A ad asperiores beatae, dicta molestias porro, quaerat vel voluptate voluptatem voluptatibus voluptatum.</span><span>Alias, aliquam blanditiis deleniti dolores earum esse et eveniet expedita iusto labore laboriosam laudantium magni mollitia nihil nobis pariatur ratione repudiandae sapiente sint soluta sunt tempore vel voluptatem voluptates voluptatum?</span><span>Ad aperiam aspernatur, cum dolor esse eveniet facere id impedit incidunt ipsum iusto nobis repellat temporibus veniam, vitae? Aspernatur distinctio, ipsum libero nulla obcaecati temporibus. Ab adipisci laboriosam magnam qui!</span><span>Dignissimos dolores enim eos fugiat, ipsum magnam molestias mollitia nam officia porro, quis sequi, tenetur voluptatum! Delectus ducimus iure minus perspiciatis quibusdam. Blanditiis in, magni nesciunt quos repudiandae tempora tempore.</span><span>Aliquam nobis quis tenetur! Aliquid architecto assumenda beatae consequuntur debitis, dolor eos est maxime natus necessitatibus nisi nostrum officia pariatur perspiciatis porro quibusdam quis reiciendis sed vero vitae voluptates voluptatum?</span><span>A beatae cumque, distinctio doloribus eveniet excepturi facilis magni molestiae nostrum pariatur placeat quia saepe sint? Ad dolor ipsam iure minus natus nulla! Delectus labore optio provident quaerat, quibusdam ullam?</span><span>Accusantium aliquam aliquid beatae consequuntur cupiditate dolorum earum, esse eveniet explicabo iste iure natus nemo nobis nostrum nulla optio quae quam quasi repellat rerum sed tempore totam unde ut veritatis.</span><span>Commodi ea incidunt iste, neque perferendis quia quidem tempore? Adipisci aspernatur autem beatae consectetur doloremque error esse illum, incidunt, ipsam iusto nemo officiis rem sed sint tempore voluptas voluptates voluptatum!</span><span>Animi assumenda autem blanditiis consectetur cupiditate deleniti deserunt dicta dolores dolorum exercitationem harum in ipsum iure laborum, libero nemo non nulla numquam odio quod, reiciendis sequi unde velit vitae voluptates?</span><span>Accusamus ad aliquam deleniti facere id modi, mollitia natus nemo officia perspiciatis quae quasi quod ratione repellat vitae. Animi blanditiis dolore earum neque omnis praesentium voluptatibus! Ab fugiat modi mollitia?</span><span>Adipisci amet cum cumque earum est et excepturi expedita facere id illo inventore laborum maxime minima modi nobis optio praesentium provident quaerat quam quia rem repudiandae, rerum ut veritatis vero?</span><span>Atque commodi ducimus ex fuga magni optio repellendus sit unde. Accusantium architecto aut cumque est labore, nam neque nisi pariatur quae, quas recusandae reiciendis repellendus ut. Dicta distinctio dolorem itaque!</span><span>Amet debitis est laborum minima repellat temporibus! Amet architecto assumenda cumque, deleniti eos error eum expedita facere labore nobis perferendis quam quas qui quidem quis, saepe, soluta sunt tempore vero?</span><span>A alias cupiditate dolor dolorum earum eligendi enim ipsum minima molestiae, odit optio quaerat rem temporibus, ut, vero. Dolor eos eum fuga nesciunt obcaecati odit. Animi labore quam quas quisquam!</span><span>Architecto atque corporis, distinctio facere id possimus provident reprehenderit voluptates! Ad, adipisci alias dolorem earum fuga harum nemo neque nobis numquam quibusdam quis rem velit voluptas? Harum labore sed temporibus?</span></span>
</p>
<h3 id="c2"> 第二章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis culpa facere inventore ipsum minus quia quidem sunt suscipit voluptas voluptate! Accusamus dolorem exercitationem fugiat illo iusto laudantium, minima quos saepe?
</p>
<h3 id="c3">第三章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis culpa facere inventore ipsum minus quia quidem sunt suscipit voluptas voluptate! Accusamus dolorem exercitationem fugiat illo iusto laudantium, minima quos saepe?
</p>
<h3 id="c4">第四章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis culpa facere inventore ipsum minus quia quidem sunt suscipit voluptas voluptate
</p>
<h3 id="c5">第五章</h3>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis culpa facere inventore ipsum minus quia quidem sunt suscipit voluptas voluptate
</p>






























</body>
</html>